﻿<%@ Page Title="" Language="C#" MasterPageFile="~/CusCp/CustomerCP.Master" AutoEventWireup="true" CodeBehind="point_transfer.aspx.cs" Inherits="LinkCard.CustomerView.CusCp.point_transfer" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript">
        function addCommas(str) {
            var amount = new String(str);
            amount = amount.split("").reverse();

            var output = "";
            for (var i = 0; i <= amount.length - 1; i++) {
                output = amount[i] + output;
                if ((i + 1) % 3 == 0 && (amount.length - 1) !== i) output = '.' + output;
            }
            return output;
        }
        var $j = jQuery.noConflict(); //set no conflict so you can use with MS AJAX.

        $j(document).ready(function () {

            //Sau khi nhập thẻ
            $j("#<%=sCardNumber.ClientID %>").blur(function () {
                if ($j("#<%=sCardNumber.ClientID %>").val() != "") {
                    $j.ajax({
                        type: "POST",
                        url: "point_transfer.aspx/GetCustomerInfo",
                        data: "{'sCardNumber':'" + $j("#<%=sCardNumber.ClientID %>").val() + "'}",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (iCustomerPoint) {
                            //Set the spanChecking text letting user know if the uname is available
                            if (iCustomerPoint.d != "-1" && iCustomerPoint.d != "-2" && iCustomerPoint.d != "-3") {

                                $j("#spanCustomerInfo").css({
                                    "color": "green", "font-weight": "bold", "font-size": "small",
                                    "padding-left": "15px"
                                });
                                var thongbao = "Tên người nhận điểm: " + iCustomerPoint.d
                                //
                                
                                $j("#spanCustomerInfo").text(thongbao)

                                $j('#error').slideDown();
                                
                            }
                            else if (iCustomerPoint.d == "-1") {
                                $j("#spanCustomerInfo").css({
                                    "color": "red", "font-weight": "bold", "font-size": "small",
                                    "padding-left": "15px"
                                });
                                var thongbao = "Khách hàng này chưa được active. Liên hệ LinkCard để được hướng dẫn."
                                $j("#spanCustomerInfo").text(thongbao)
                                $j('#error').slideDown();
                            }
                            else if (iCustomerPoint.d == "-2") {
                                $j("#spanCustomerInfo").css({
                                    "color": "red", "font-weight": "bold", "font-size": "small",
                                    "padding-left": "15px"
                                });
                                var thongbao = "Không tồn tại khách hàng này trong Hệ thống."
                                $j("#spanCustomerInfo").text(thongbao)
                                $j('#error').slideDown();
                            }
                            else if (iCustomerPoint.d == "-3") {
                                $j("#spanCustomerInfo").css({
                                    "color": "red", "font-weight": "bold", "font-size": "small",
                                    "padding-left": "15px"
                                });
                                var thongbao = "Có lỗi xảy ra. Ấn F5 để refresh lại trang."
                                $j("#spanCustomerInfo").text(thongbao)
                                $j('#error').slideDown();
                            }
                        },
                        error: function (errormessage) {
                            //you would not show the real error to the user - this is just to see if everything is working
                            $j("#spanCustomerInfo").text(errormessage.responseText);
                        }
                    });
                }
                else {
                    $j('#error').hide();
                }
            });

            //Sau khi nhập điểm tặng
            $j("#<%=TransferPoint.ClientID %>").blur(function () {
                if ($j("#<%=TransferPoint.ClientID %>").val() != "") {
                    
                    var fee = 0;
                    var point = parseInt($j("#<%=TransferPoint.ClientID %>").val());
                    var haspoint = parseInt($j("#<%=PointH.ClientID %>").val());

                    fee = Math.round((point * 5) / 100);
                    //
                    if (fee > 20) {
                        $j("#<%=TransferedPoint.ClientID %>").val(parseInt(fee) + parseInt(point));
                        $j("#<%=TransferFee.ClientID %>").val(fee);
                        $j("#<%=RemainPoint.ClientID %>").val(haspoint - parseInt(fee) - parseInt(point));
                    }
                    else {
                        $j("#<%=TransferedPoint.ClientID %>").val(parseInt(20) + parseInt(point));
                        $j("#<%=TransferFee.ClientID %>").val("20");
                        $j("#<%=RemainPoint.ClientID %>").val(haspoint - 20 - parseInt(point));
                    }

                }
            });

            $j("#<%=btnPay.ClientID %>").click(function () {
                var tranedPoint = parseInt($j("#<%=TransferedPoint.ClientID %>").val());
                var point = parseInt($j("#<%=PointH.ClientID %>").val());

                if ($j("#<%=sCardNumber.ClientID %>").val() == "")
                {
                    var thongbao = "Chưa nhập thông tin người nhận điểm."

                    $j("#errorinform").css({
                        "color": "red", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });

                    $j("#errorinform").text(thongbao)
                    return false;
                }

                if ($j("#<%=TransferPoint.ClientID %>").val() == "") {
                    var thongbao = "Chưa nhập số điểm muốn tặng."

                    $j("#errorinform").css({
                        "color": "red", "font-weight": "bold", "font-size": "small",
                        "padding-left": "15px"
                    });

                    $j("#errorinform").text(thongbao)
                    return false;
                }
                else {
                    if (point < tranedPoint) {
                        var thongbao = "Số điểm bạn có không đủ để thực hiện giao dịch."

                        $j("#errorinform").css({
                            "color": "red", "font-weight": "bold", "font-size": "small",
                            "padding-left": "15px"
                        });

                        $j("#errorinform").text(thongbao)
                        return false;
                    }
                    else {
                        return true;
                    }
                }
                
            });
        });

        </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <section id="content">
  <section class="container_12 clearfix">
    <section id="main" class="grid_12">
      <article>
        <div class="h1">Tặng điểm</div>
        <div class="error msg" id="errorMessage" runat="server" visible="false">Có lỗi xảy ra! Ấn F5 để thử lại.</div>
          
           <dl class="inline">
               <fieldset>
                     <legend>Thông tin Người nhận điểm</legend>
                       <dt>
              <label >Mã thẻ :</label>
            </dt>
            <dd>
              <input type="text" class="medium" id="sCardNumber" runat="server"  />
               <div class="information msg" id="error" style="display:none;">
               <span id="spanCustomerInfo"></span>
               </div>
              </dd>
                </fieldset>
          
            <fieldset>
			<legend>Thông tin điểm tặng</legend>
            <dt>
              <label>Số điểm hiện có:</label>
            </dt>
            <dd>
              <asp:Label ID="Point" runat="server"></asp:Label>
            </dd>
                <dt>
              <label>Số điểm muốn tặng:</label>
            </dt>
            <dd>
              <input type="text"  id="TransferPoint"  runat="server"  />
            </dd>
         
            <dt>
              <label>Phí tặng điểm:</label>
            </dt>
            <dd>
              <input type="text"  id="TransferFee"  runat="server" value="0" readonly /> tối thiểu 20 điểm hoặc 5% (áp dụng mức cao hơn)
            </dd>
            <dt>
              <label >Số điểm phải trả:</label>
            </dt>
            <dd>
                  <input type="text"  id="TransferedPoint"  runat="server" readonly  />
            </dd>
            <dt>
              <label >Số điểm còn lại:</label>
            </dt>
            <dd>
                  <input type="text"  id="RemainPoint"  runat="server" readonly  />
            
            </dd>
            <span id="errorinform"></span>
            </fieldset>
           <input type="hidden" class="medium" id="PointH" runat="server" readonly />
              <asp:Button class="button big" Text="Tặng điểm" ID="btnPay" runat="server" 
                     style="width:auto;" onclick="btnPay_Click" />
              <asp:Button class="button white" Text="Hủy" ID="btnCancel" runat="server" />
          </dl>
          
      </article>
    </section>
  </section>
</section>
</asp:Content>
